<template>
  <div class="conDet">
    <h3 class="title">{{conBox.title}}-详情介绍</h3>
    <hr>
    <p class="imgSize">
      <img :src="conBox.images.small" alt>
    </p>
    <p class="content">{{conBox.summary}}</p>
  </div>
</template>

<script>
const API_PROXY = "https://bird.ioliu.cn/v1/?url=";
export default {
  data() {
    return {
      conBox: {
        images: {}
      },
      id: this.$route.params.id
    };
  },
  created() {
    this.getCon();
  },
  methods: {
    getCon() {
      this.$http
        .get(API_PROXY + "https://api.douban.com/v2/movie/subject/" + this.id)
        .then(result => {
          this.conBox = result.body;
        });
    }
  }
};
</script>

<style lang="scss" scoped>
.conDet {
  padding: 8px;
  .title {
    text-align: center;
    color: red;
    font-size: 17px;
  }
  .imgSize {
    text-align: center;
    img {
      height: 200px;
    }
  }
}
</style>
